<template>
    <div style="min-width:829px">
    <div v-if="$route.path == '/projectAdmin/storeProject'">
        <div class="vs-table-box">
            <el-table v-loading="loading" :data="tableData" header-row-class-name="has-gutter-table" style="width: 100%">
                <el-table-column label="序号" type="index" width="120"></el-table-column>
                <el-table-column prop="name" label="项目名称"> </el-table-column>
                <el-table-column prop="desc" label="项目介绍"> </el-table-column>
                <el-table-column fixed="right" width="109" label="操作"> 
                    <template slot-scope="scope">
                        <span @click="setRow(2,scope.row)" class="tab-table-text">查看</span>
                    </template>
                </el-table-column>
            </el-table>
        </div>
    </div>
     <router-view></router-view>
    </div>
</template>

<script>
export default {
    data() {
        return {
             options: [
                {
                    value: '正大店',
                    label: '正大店'
                }
            ],
            recordList:[],
            loading:false,
            paging:{
                page: 1,
                total: 0,
                limit: 10,
                name:'',//姓名
            },
            tableData: []
        };
    },
    created() {
       this.GetList()
    },
    methods: {
         handleCurrentChange(val) {
            this.paging.page = val;
            this.GetList()
        },
        async setRow(type,row,index){
            this.utils.goUrl(`/projectAdmin/storeProject/storeDetails?title=查看项目&id=${row.id}`)
        },
       async GetList() {
            this.loading = true;
            let { code, data } = await this.$Http.getStoreProject(this.paging);
            this.loading = false;
            if (code) {
                this.tableData = data.data;
                this.paging.total = data.total;
            }
        },
        reset(){//重置
            this.paging = this.$options.data().paging
            this.GetList()
        },
    },
};
</script>

<style lang="scss" scoped>

.image-thumbnail{
    width: 130px;
    height: 130px;
}
</style>